PVI Online course logo

Web Page Design Module 10: Positioning Content with CSS and Tables


CSS Layouts
There are numerous ways to create a new page in Dreamweaver. The pages you have created up to this point limited your design choices to the positioning of elements on a web page using alignment and paragraph settings. The preferred method to position page elements is to use Cascading Style Sheets. With CSS layouts you use blocks of content formatted with CSS rules to place information on web pages. Web pages built with Cascading Style Sheets use div tags to position the layout blocks on a page before entering the content. Dreamweaver provides predesigned CSS layouts for beginning designers to make this easy. You choose a predesigned layout, and Dreamweaver places the div tags in the code for you. The following is an example of a predesigned CSS layout used.

CSS layout

Cengage Learning, 2013

The Background Building Activities will step you through the process of using a predesigned CSS layout, but before you begin take a look at another option for positioning data through the use of tables.


Module 10 Next Module 10 Table Attributes